<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css">
            *{
                margin:0;
                padding:0;
            }
            .box{
                position:relative;
                width:1400px;
                margin:0 auto;
            }
            #plants{
                position:absolute;
                top:100px;
                right:200px;

            }

        </style>
    </head>
    <body>
    <div class="box">
        <img src="images/background.jpg"/>
        <img  id="plants" src="images/1 (1).png"/>
        <audio autoplay loop src="audio/Laura Shigihara-Loonboon.mp3"></audio>
    </div>
    <script type="text/javascript">
        var right = 200;
        var i = 1;
        function f(){
           i++;
           if(i==31) {
               i = 1;
           }
               plants.src="images/1 ("+i+").png";

        }
        function f2(){
            right=right+5;
            plants.style.right=""+right+"px";

        }
        setInterval(f,100);
        setInterval(f2,500);

    </script>

    </body>
</html>